<template>
	<div id="app">
		<transition name="fade-transform" mode="out-in">
			<router-view v-wechat-title="$route.meta.title" />
		</transition>
	</div>
</template>
<script>
export default {
	created() {
		let loading = document.getElementById('Loading');
		if (loading != null) {
			document.body.removeChild(loading);
		}
	},
};
</script>
<style lang="scss">
#app {
	// background-image: linear-gradient(#cedfff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff);
	min-height: 100vh;
	
	.fade-transform-leave-active,
	.fade-transform-enter-active {
		transition: all 0.5s;
	}
	.fade-transform-enter {
		opacity: 0;
		transform: translateX(-30px);
	}
	.fade-transform-leave-to {
		opacity: 0;
		transform: translateX(30px);
	}
}
</style>
